<!DOCTYPE html>
<html>
<head>
    <title>简历信息</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="/css/animate.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">

    <link rel='stylesheet' href='/stylesheets/common.css'/>
    <link rel='stylesheet' href='/stylesheets/form_1.css'/>
    <link rel='stylesheet' href='/stylesheets/post-info.css'/>
    <link rel='stylesheet' href='/css/iconfont/iconfont.css'/>

</head>
<body>
<% include header.ejs %>

<div class="main"style="max-width:768px;margin:0 auto">
    <div class="page">
        <div class="page-title">
            <div class="h4">简历信息</div>
            <template v-if="bStatus==2">
                <span class="btn btn-info pull-right" href="#"@click="changeRmStatus(item,3)">购买</span>
            </template>
            <template v-if="bStatus==3">
                <a class="btn btn-info pull-right" href="#"@click="">邀请面试</a>
            </template>
            <template v-if="bStatus==3">
                <a class="btn btn-info pull-right" href=""<!--"/position/edit/{{info.ID }}"-->邀请入职</a>
            </template>
            <template v-if="bStatus==0">
                <a class="btn btn-danger">查看联系方式</a>
            </template>
        </div>
        <div class="page-content p-w-lg ">
            <div class="bg-green text-center  navy-bg  ">
                <div class="logo-container"style="position:relative;top:20px;">
                    <img alt="头像" class="img-circle full-width full-height" style="border:5px solid white"src="{{info.R_Headp}}">
                </div>
            </div>

            <div class="bg-body text-center p-xl m-b-md"style="background: #fafafa;">
                <p class="m-n h3">
                    <!--<h1 class="m-n">-->
                       {{info.U_Name}}
                    <!--</h1>-->
                </p>
                <p>
                    <span class="m-xs">
                        <i class="iconfont">&#xe622;</i>：{{info.U_Sex}}
                    </span>
                    <span class="m-xs">
                        <i class="iconfont">&#xe609;</i>：{{info.U_Birthday}}
                    </span>
                    <span class="m-xs">
                        <i class="iconfont">&#xe657;</i>：{{info.U_Province}}-{{info.U_City}}
                    </span>
                    <span class="m-xs">
                        <i class="iconfont">&#xe60b;</i>：{{info.R_Education}}
                    </span>

                </p>
                <p>
                    <span class="m-xs">
                        <i class="iconfont">&#xe62e;</i>：{{info.R_Phone}}
                    </span>
                    <span class="m-xs">
                        <i class="iconfont">&#xe838;</i>：{{info.R_Email}}
                    </span>
                    <span class="m-xs">
                        <i class="iconfont">&#xe646;</i>：{{info.U_QQ}}
                    </span>
                </p>

            </div>
            <div class="p-xl"style="background: #fafafa;">
                <div class="">
                    <div class="row m-sm">
                        <div class="col-md-5"><hr/></div>
                        <div class="col-md-2 bg-body  text-center h4 normal radius-half p-h-xs m-n"style="margin:0px -20px">
                            <span >期望工作</span>
                        </div>
                        <div class="col-md-5"><hr/></div>
                     </div>

                    <div class="pull-left col-md-3">
                                <i class="iconfont">&#xe65c;</i>
                                <span>{{info.R_Position}}</span>
                    </div>
                    <div class="pull-left col-md-3">
                       <i class="iconfont">&#xe605;</i>
                       <span >{{info.R_Nature}}</span>
                    </div>
                    <div class="pull-left col-md-3" >
                        <i class="iconfont">&#xe657;</i>
                        <span>{{info.R_City}}</span>
                    </div>
                    <div class="pull-left col-md-3">
                        <i class="iconfont">&#xe61f;</i>
                        {{info.R_Pay}}
                    </div>
                </div>


                <div class="clearfix"></div>
                <div class="row m-sm">
                    <div class="col-md-5"><hr/></div>
                    <div class="col-md-2 bg-body  text-center h4 normal radius-half p-h-xs m-n"style="margin:0px -20px">
                        <span >教育经历</span>
                    </div>
                    <div class="col-md-5"><hr/></div>
                </div>

                <ul class="p-w-md">
                    <li v-for="item in jiaoyu">
                        <div class="pull-left">
                            <h2>{{item.E_School}}</h2>
                            {{item.E_Major}}<span>  -  </span>{{item.E_Degree}}
                        </div>
                        <div class="pull-right p-md">
                            {{formatDate(item.E_StartD)}}-{{formatDate(item.E_EndD)}}
                        </div>
                        <div class="clearfix"></div>
                    </li>
                </ul>


                <div class="clearfix"></div>
                <div class="row m-sm">
                    <div class="col-md-5"><hr/></div>
                    <div class="col-md-2 bg-body  text-center h4 normal radius-half p-h-xs m-n"style="margin:0px -20px">
                        <span >工作经历</span>
                    </div>
                    <div class="col-md-5"><hr/></div>
                </div>
                <ul class="p-w-md">
                    <li v-for="item in jingli">
                        <div class="pull-left">
                            <h3>{{item.W_ComName}}</h3>
                            <h4>{{item.W_Position}}</h4>
                            <p>{{item.W_Content}}</p>
                        </div>
                        <div class="pull-right p-md">
                         {{formatDate(item.W_EntryD)}}-{{formatDate(item.W_QuitD)}}
                        </div>
                        <div class="clearfix"></div>
                    </li>
                </ul>

                <div class="clearfix"></div>
                <div class="row m-sm">
                    <div class="col-md-5"><hr/></div>
                    <div class="col-md-2 bg-body  text-center h4 normal radius-half p-h-xs m-n"style="margin:0px -20px">
                        <span >自我描述</span>
                    </div>
                    <div class="col-md-5"><hr/></div>
                </div>
                <p class="p-md ">
                    {{info.R_SelfEvaluation}}
                </p>

                <div class="clearfix"></div>
                <div class="row m-sm">
                    <div class="col-md-5"><hr/></div>
                    <div class="col-md-2 bg-body  text-center h4 normal radius-half p-h-xs m-n"style="margin:0px -20px">
                        <span >资质证书</span>
                    </div>
                    <div class="col-md-5"><hr/></div>
                </div>

                <ul class="row p-md">
                    <li class="pull-left col-md-2"v-for="item in S_Path">
                        <img :src={{item}}@1c_1e_100w_100h >
                        <div class="clearfix"></div>
                    </li>
                </ul>


                <div class="clearfix"></div>
                <div class="row m-sm">
                    <div class="col-md-5"><hr/></div>
                    <div class="col-md-2 bg-body  text-center h4 normal radius-half p-h-xs m-n"style="margin:0px -20px">
                        <span >生活照片</span>
                    </div>
                    <div class="col-md-5"><hr/></div>
                </div>
                <ul class="row p-md">
                    <li class="pull-left col-md-2"v-for="item in R_Lifeimg">
                        <img src={{item}}@1c_1e_100w_100h >
                        <div class="clearfix"></div>
                    </li>
                </ul>

            </div>

            <div class="text-center p-xl m-b-lg"style="background: #f6f6f6">
                <span class="p-xs"v-show="info.R_NowState==2" style="line-height: 16px;font-size:16px;border:1px solid #ededed;">
                    我目前已离职，可快速到岗 ﹀
                </span>
            </div>

        </ul>
    </div>

</div>
<% include normaljs.ejs %>
<script>
    $('a.m-position').addClass('selected');
</script>
</body>
</html>
<script>
    var postInfo = new Vue({
        el: 'body',
        data: {
            Id:<%=Id%>,
            info: [],
            jingli: [],
            jiaoyu: [],
            xiangmu: [],
            jineng: [],
            S_Path:[],
            R_Lifeimg:[],
            property:{
                isCollect:0,
                isBuy:0,
                isInvite:0,
                isGetInfo:0
            },
            bStatus:'',
        },
        methods: {
            rmBuy:function(){
               // alert("jj");
            },

            changeRmStatus: function (item,status) {
                var pckey = tools.getCookie('key');
                var arid =postInfo.info.RID;
                var cid = tools.getCookie('cid');
                var data = {cid:cid,arid:arid,status:status};
                api.jianli.updarstatus(pckey,data,function (data) {
                    if (data.code == 200) {
                       // alert("不合适");
                    }
                })
            },

            formatDate:function(strTime) {
                var date = new Date(strTime);
                return date.getFullYear()+"."+(date.getMonth()+1)+"."+date.getDate();
            },

            renderJlInfoApply:function(){
                var _this = postInfo;
                api.jianli.info(tools.getcid(),_this.Id,tools.getCookie("key"),function(data){
                    postInfo.showResume(data);
                });
            },

            renderJlInfoPublic:function(){
                var _this = postInfo;
                api.jianli.pubinfo(tools.getcid(),_this.Id,tools.getCookie("key"),function(data){
                    postInfo.showResume(data);
                });
            },

            showResume:function(data){
                var _this = postInfo;
                _this.info = data.datas0[0];
                _this.jingli = data.datas1;
                _this.jiaoyu = data.datas2;
                //     _this.xiangmu = data.datas3;
                if(!_this.info.R_Headp||_this.info.R_Headp.length<1){
                    _this.info.R_Headp = "/images/default-icon.png";
                }
                if(data.datas4[0]){
                    _this.jineng = data.datas4[0].S_Path;
                    _this.S_Path = _this.jineng.split(",");
                }
                if(_this.info.R_Lifeimg&&_this.info.R_Lifeimg.length>0){
                    _this.R_Lifeimg = _this.info.R_Lifeimg.split(",");
                }
                //     _this.bStatus = data.datas5.A_Back;
            },

        }
    });





    var getPara = function () {
        var _this = postInfo;
        var href = document.location.href;
        var arrPara = href.split("?");
        var para = arrPara[1];
        if(para){
            postInfo.renderJlInfoPublic();
        }else{
            postInfo.renderJlInfoApply();
        }
        var data1 = {rid:_this.Id,cid:tools.getCookie("cid")};
        api.jianli.getRmProperty(data1,tools.getCookie("key"),function(data){
            _this.property.isCollect = data.datas0;
            _this.property.isBuy = data.datas1;
            _this.property.isInvite = data.datas2;
            _this.property.isGetInfo = data.datas3;
        });
    };
    getPara();
</script>